<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后台登录</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="/css/font.css">
    <link rel="stylesheet" href="/css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/js/xadmin.js"></script>

</head>
<body class="login-bg">

<div class="login layui-anim layui-anim-up">
    <div class="message">安全后台-管理登录</div>
    <div id="darkbannerwrap"></div>

    <form method="post" class="layui-form" >
        <input name="adminName" placeholder="用户名"  type="text" lay-verify="required" class="layui-input" >
        <hr class="hr15">
        <input name="adminPwd" lay-verify="required" placeholder="密码"  type="password" class="layui-input">
        <hr class="hr15">
        <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
        <hr class="hr20" >
    </form>
</div>

<script>

    /**
     * 不同的语言之间数据交互首选: JSON
     * 不同语言之间交互通常会固定一个数据格式:
     * {
     *     "code":"状态码",
     *     "msg":"提示信息",
     *     "data": "返回的实际的数据"
     * }
     */

    $(function  () {
        layui.use('form', function(){
            let form = layui.form;
            //监听提交
            form.on('submit(login)', function(data){
                // 通过ajax异步的去提交数据
                $.ajax({
                    type:"post",
                    url:"/login/do",
                    data:data.field,
                    dataType:"json",
                    success:function (res) {
                        layer.msg(res.msg,function(){
                            if(res.code === 200)
                                location.href='/index'
                        });
                    }
                })

                return false;
            });
        });
    })


</script>


<!-- 底部结束 -->

</body>
</html>